---
hide_title: true
title: 'ImageExtension'
---

import Basic from '../../website/extension-examples/extension-image/basic';
import Resizable from '../../website/extension-examples/extension-image/resizable';
import WithFigcaption from '../../website/extension-examples/extension-image/with-figcaption';

# `ImageExtension`

## Summary

The image extension for placing images into your editor.

## Usage

### Installation

This extension is installed for you when you install the main `remirror` package.

You can use the imports in the following way:

```ts
import { ImageExtension } from 'remirror/extensions';
```

The extension is provided by the `@remirror/extension-image` package.

### Examples

Here is a basic image example. You can see a grean image below.

<Basic />

You can also make an image resizable by using `enableResizing` option.

<Resizable />

You can further customize `ImageExtension` by extending it. For example, using a `<figure>` element to wrap the image and adding a `<figcaption>` element.

<WithFigcaption />

## API

- [ImageExtension](../api/extension-image)
